<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>归档</title>
    <meta name="referrer" content="no-referrer"/>
    <link th:href="@{/css/bootstrap-3.3.7-dist/css/bootstrap.css}" rel="stylesheet">
    <link th:href="@{/css/bootstrap-3.3.7-dist/css/bootstrap-theme.css}" rel="stylesheet">
    <link th:href="@{/css/blog.css}" rel="stylesheet">
    <script type="text/javascript" th:src="@{/js/jquery-3.0.0.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery-3.0.0.min.js}"></script>
    <script type="text/javascript" th:src="@{/css/bootstrap-3.3.7-dist/js/bootstrap.js}"></script>
    <script type="text/javascript" th:src="@{/css/bootstrap-3.3.7-dist/js/bootstrap.min.js}"></script>
<!--    <script type="text/javascript" th:src="@{/css/bootstrap-3.3.7-dist/js/npm.js}"></script>-->
</head>
<body style="background-color: #F2F2F2">
<div th:replace="head/blog::header"></div>
<div>
    <div class="container">
        <div class="panel panel-info">
            <div class="panel-heading">
                <span class="panel-title">归档</span>
                <span class="panel-title" style="float: right">
                            共&nbsp;<p class="m-inline-block" th:text="${blogCount}"></p>&nbsp;&nbsp;个文章
                </span>
            </div>
        </div>

        <th:block th:each="item : ${archiveMap}">
            <h2 style="text-align: center" th:text="${item.key}">2020</h2>
            <div class="list-group">
                <a href="#" th:href="@{/head/blog/{id}(id = ${blog.id})}" target="_blank" class="list-group-item" th:each="blog : ${item.value}">
                    <span class="badge" th:text="${blog.flag}" style="background-color: #d9534f"></span>
                    <span th:text="${blog.title}"></span>
                    <span class="label label-info" th:text="${#dates.format(blog.updateTime,'MMMdd')}">Warning</span>
                </a>
            </div>
        </th:block>
    </div>
</div>
<div th:replace="head/blog::footer"></div>

<script type="text/javascript">
    $("#newBlog-container").load(/*[[@{/footer/newBlog}]]*/"/footer/newBlog")
</script>
</body>
</html>